<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>登录百度账号</title>
    <link rel="stylesheet" href="css/login.css">
    <link rel="shortcut icon" href="img/login/icon/BaiDu-title.png" type="image/x-icon">
    <script src="asset/getFontSize.js"></script>
</head>
<body>
<header class="header">
    <h3 class="header-title">
        <a href="personal.html">
            <img src="img/login/icon/return.png" alt="返回" class="return-icon">
        </a>
        登录百度账号
    </h3>
</header>
<div class="content">
    <img src="img/login/icon/BaiDu-logo.png" alt="BaiDu-log" class="BaiDu-logo">
    <!--账号和密码-->
    <div class="user-box">
        <!--账号-->
        <div class="ID-box">
            <input type="text" placeholder="手机号/邮箱/用户名" class="ID">
            <img class="clear-ID" src="img/login/icon/clear-password.png" alt="clear-ID">
        </div>
        <!--密码-->
        <div class="password-box">
            <input type="password" placeholder="密码" class="password">
            <img class="clear-password" src="img/login/icon/clear-password.png" alt="clear-password">
            <div class="show-PassWord"></div>
        </div>
    </div>
    <!--登入按钮-->
    <div class="login-button">登录</div>
    <!--帮助信息-->
    <div class="login-problem">
        <!--登录 遇到问题-->
        <a href="" class="problem">
            登录遇到问题
        </a>
        <!--短信 验证-->
        <a href="" class="verification">
            短信验证登录
        </a>
    </div>
    <!--message-box-->
    <span class="omit" id="omitId">请输入账号</span>
    <span class="omit" id="omitPassWord">请输入密码</span>

</div>
<footer class="footer">
    <!--立即 注册-->
    <a href="" class="register">
        立即注册
    </a>
</footer>
<!--引入JQuery-->
<script src="asset/jquery-3.3.1.min.js"></script>
<!--引入 login.js-->
<script src="js/login.js"></script>
</body>
</html>